<template>
  <view class="bottom-btn">
    <view
      :style="{
        backgroundColor: bgc,
        marginTop: mt + 'rpx',
        marginBottom: mb + 'rpx'
      }"
      >{{ text }}</view
    >
  </view>
</template>

<script>
export default {
  props: {
    text: {
      type: String,
      required: true
    },
    bgc: {
      type: String,
      default: '#fe492f'
    },
    mt: [Number, String],
    mb: [Number, String]
  }
}
</script>

<style lang="scss" scoped>
.bottom-btn {
  view {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 702rpx;
    height: 92rpx;
    border-radius: 50rpx;
    color: #fff;
    font-size: 32rpx;
    font-weight: 600;
  }
}
</style>
